<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			body {
				/*background-color: red;*/
			}
			
			.mui-col-xs-12 {
				padding: 5px 10px;
			}
			
			.mui-col-xs-12 img {
				width: 100%;
				border-radius: 5px !important;
				/*height: 120px;*/
				overflow: hidden;
			}
			
			.content {
				position: relative;
				width: 100%;
			}
			
			.idata {
				position: absolute;
				top: 20px;
				left: 30px;
			}
			
			.idata>p {
				font-size: 18px;
				font-weight: 700;
				color: #C9AA71;
			}
			
			.content>.item {
				width: 100%;
			}
			
			.idata>p>i {
				display: inline-block;
				background-image: url(img/dianjuan1.png);
				background-size: cover;
				width: 20px;
				height: 20px;
				vertical-align: middle;
			}
		</style>
	</head>

	<body>
		<div id="myapp">
			<div class="header">
					
			</div>
<!--http://ossweb-img.qq.com/upload/adw/image/20171227/1514341391.jpg?_r=1514341519-->
			<div class="content">
				<div class="mui-col-xs-12 item" v-for="data in datas" :data-hid="data.id">
					<div class="itemImg">
						<img :src="data.big_img" />
					</div>

					<div class="idata">
						<!--<p>蒸汽机器人 布里茨</p>-->
						<p><span v-text="data.big_name"></span> <span v-text="data.name"></span></p>
						<p>
							<i></i>   <span>4500</span>
						</p>
					</div>
				</div>
			</div>
		</div>

		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/ip.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/hero.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>